<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue3 </title>
</head>
<!-- 使用prop向子组件传递数据 -->

<body>
    <div id="app">
        <content1 date-title="庭院深深深几许"></content1>
    </div>

    <script src="https://unpkg.com/vue@next"></script>
    <script>
    
    const vm = Vue.createApp({})
    vm.component('content1',{
        //dateTitle  相当于使用data定义属性一样
        props:[`dateTitle`],
        template:
        `<h3>{{dateTitle}}</h3>`,
        //再该组件中，可以使用this.dateTitle 这种形式调用prop
        created(){
            console.log(this.dateTitle)
        }
    })
    vm.mount('#app')
    </script>
</body>

</html>
